<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>贵美商城</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
-->
<link rel="stylesheet"	type="text/css"	href="css/global.css"	/>
 <link rel="stylesheet"	type="text/css"	href="css/layout.css"	/>
 <script type="text/JavaScript">
 	function multiCheck(oThis){
 		var oInput=document.getElementsByTagName("input");
 		for (var i=1;i<oInput.length;i++){ 	
 				oInput[i].checked=oThis.checked;}
 	}
	</script>
</head>
  
<body>
<div id="container">
	<iframe id="header" runat="server" src="header.jsp" width="980" height="136" frameborder="0" scrolling="no"></iframe>
	<div class="catlist a_c">
		<ul class="w20p check">
			<h3><input type="checkbox" name="checkall" onclick="multiCheck(this)" />全选</h3>
			
			<c:forEach items="${requestScope.productList}" var="product" varStatus="states">
			   <c:if test="${states.count < 6 }">
			      <li><input type="checkbox" /></li>
			   </c:if>
			</c:forEach>		
		</ul>
		<ul class="w20p">
			<h3>商品图片</h3>
		    <c:forEach items="${requestScope.productList}" var="product" varStatus="states">
			   <c:if test="${states.count < 6 }">
			      <li><a href="showProductInfo?productId=${product.productId }"><img style="width: 120px;height: 110px"; src="${product.picpath }" alt="" /></a></li>
			   </c:if>
			</c:forEach>
		</ul>
		<ul class="w50p info">
			<h3>商品名称</h3>
			<c:forEach items="${requestScope.productList}" var="product" varStatus="states">
			   <c:if test="${states.count < 6 }">
			     <li><a href="showProductInfo?productId=${product.productId }">${product.describe}</li>														
			   </c:if>
			</c:forEach>					
		</ul>
		<ul class="w10p price">
			<h3>价格</h3>
			<c:forEach items="${requestScope.productList}" var="product" varStatus="states">
			   <c:if test="${states.count < 6 }">
			      <li>一口价：<br />${product.preferPrice}</li>
			   </c:if>
			</c:forEach>
		</ul>
	</div>
	<iframe id="footer" runat="server" src="footer.jsp" width="980" height="136" frameborder="0" scrolling="no"></iframe>
</div> <!--container end-->	
</body>
</html>

